﻿<!DOCTYPE html>
<html>
  <head>
    <title>弹框提示说明</title>
    <meta http-equiv="X-UA-Compatible" content="IE=edge"/>
    <meta http-equiv="content-type" content="text/html; charset=utf-8"/>
    <meta name="apple-mobile-web-app-capable" content="yes"/>
    <link href="resources/css/jquery-ui-themes.css" type="text/css" rel="stylesheet"/>
    <link href="resources/css/axure_rp_page.css" type="text/css" rel="stylesheet"/>
    <link href="data/styles.css" type="text/css" rel="stylesheet"/>
    <link href="files/弹框提示说明/styles.css" type="text/css" rel="stylesheet"/>
    <script src="resources/scripts/jquery-1.7.1.min.js"></script>
    <script src="resources/scripts/jquery-ui-1.8.10.custom.min.js"></script>
    <script src="resources/scripts/prototypePre.js"></script>
    <script src="data/document.js"></script>
    <script src="resources/scripts/prototypePost.js"></script>
    <script src="files/弹框提示说明/data.js"></script>
    <script type="text/javascript">
      $axure.utils.getTransparentGifPath = function() { return 'resources/images/transparent.gif'; };
      $axure.utils.getOtherPath = function() { return 'resources/Other.html'; };
      $axure.utils.getReloadPath = function() { return 'resources/reload.html'; };
    </script>
  </head>
  <body>
    <div id="base" class="">

      <!-- Unnamed (矩形) -->
      <div id="u86" class="ax_default box_2">
        <div id="u86_div" class=""></div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u87" class="ax_default _三级标题">
        <div id="u87_div" class=""></div>
        <div id="u87_text" class="text ">
          <p><span>按钮说明：</span></p><p><span><br></span></p>
        </div>
      </div>

      <!-- Unnamed (组合) -->
      <div id="u88" class="ax_default" data-left="38" data-top="69" data-width="305" data-height="169">

        <!-- Unnamed (矩形) -->
        <div id="u89" class="ax_default label">
          <div id="u89_div" class=""></div>
          <div id="u89_text" class="text ">
            <p><span>1：【删除按钮】说明： </span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u90" class="ax_default box_3">
          <div id="u90_div" class=""></div>
          <div id="u90_text" class="text ">
            <p><span>样式：（如下图）</span></p><p><span><br></span></p><p><span>1）本系统中的 删除按钮，如若需要二次确认的按钮，都需要做误删除保护，删除成功后提醒用户已经删除。 提示语：删除成功</span></p><p><span><br></span></p><p><span>2）提示内容为：“此数据删除后无法找回，确定要删除吗？”</span></p>
          </div>
        </div>
      </div>

      <!-- Unnamed (图片) -->
      <div id="u91" class="ax_default _图片">
        <img id="u91_img" class="img " src="images/弹框提示说明/u91.png"/>
      </div>

      <!-- Unnamed (图片) -->
      <div id="u92" class="ax_default _图片">
        <img id="u92_img" class="img " src="images/弹框提示说明/u92.png"/>
      </div>

      <!-- Unnamed (组合) -->
      <div id="u93" class="ax_default" data-left="32" data-top="266" data-width="303" data-height="207">

        <!-- Unnamed (矩形) -->
        <div id="u94" class="ax_default label">
          <div id="u94_div" class=""></div>
          <div id="u94_text" class="text ">
            <p><span>2：【批量删除】说明： </span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u95" class="ax_default box_3">
          <div id="u95_div" class=""></div>
          <div id="u95_text" class="text ">
            <p><span>样式：（同删除按钮提示样式一样）</span></p><p><span><br></span></p><p><span>1）本系统中的 所有的删除按钮都要做误删除保护，点击批量删除时提示信息为：“这些数据删除后无法找回，确定要批量删除吗？”</span></p><p><span><br></span></p><p><span>2）删除成功后提醒用户：“成功删除n条数据。”&nbsp; &nbsp; 记住用户勾选了几条数据，删除成功后提示用户成功上传了几条数据</span></p>
          </div>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u96" class="ax_default _三级标题">
        <div id="u96_div" class=""></div>
        <div id="u96_text" class="text ">
          <p><span>二次确认提示：</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u97" class="ax_default _三级标题">
        <div id="u97_div" class=""></div>
        <div id="u97_text" class="text ">
          <p><span>删除成功提示：</span></p>
        </div>
      </div>

      <!-- Unnamed (图片) -->
      <div id="u98" class="ax_default _图片">
        <img id="u98_img" class="img " src="images/弹框提示说明/u98.png"/>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u99" class="ax_default sticky_4">
        <div id="u99_div" class=""></div>
        <div id="u99_text" class="text ">
          <p><span>本系统的所有控件样式来参考</span></p><p><span>http://element-cn.eleme.io/#/zh-CN/component/notification</span></p><p><span><br></span></p><p><span>全局页面中我会指出各个控件使用该网站的哪个样式</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u100" class="ax_default box_2">
        <div id="u100_div" class=""></div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u101" class="ax_default label">
        <div id="u101_div" class=""></div>
        <div id="u101_text" class="text ">
          <p style="font-size:16px;"><span>操作成功：</span></p><p style="font-size:14px;"><span>&nbsp;&nbsp; &nbsp; &nbsp; 保存成功</span></p><p style="font-size:14px;"><span>&nbsp;&nbsp; &nbsp; &nbsp; 修改成功</span></p><p style="font-size:14px;"><span>&nbsp;&nbsp; &nbsp; &nbsp; 删除成功</span></p><p style="font-size:14px;"><span>&nbsp;&nbsp; &nbsp; &nbsp; 批量删除成功</span></p><p style="font-size:14px;"><span>&nbsp;&nbsp; &nbsp; &nbsp;&nbsp; 恢复初始设置成功</span></p><p style="font-size:14px;"><span><br></span></p><p style="font-size:14px;"><span>右上角显示，提示1秒后自动消失</span></p><p style="font-size:14px;"><span><br></span></p>
        </div>
      </div>

      <!-- Unnamed (图片) -->
      <div id="u102" class="ax_default _图片">
        <img id="u102_img" class="img " src="images/弹框提示说明/u102.png"/>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u103" class="ax_default _三级标题">
        <div id="u103_div" class=""></div>
        <div id="u103_text" class="text ">
          <p><span>取消删除提示：</span></p>
        </div>
      </div>

      <!-- Unnamed (图片) -->
      <div id="u104" class="ax_default _图片">
        <img id="u104_img" class="img " src="images/弹框提示说明/u104.png"/>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u105" class="ax_default label">
        <div id="u105_div" class=""></div>
        <div id="u105_text" class="text ">
          <p><span>“已取消删除”</span></p>
        </div>
      </div>

      <!-- Unnamed (图片) -->
      <div id="u106" class="ax_default _图片">
        <img id="u106_img" class="img " src="images/弹框提示说明/u106.png"/>
      </div>

      <!-- Unnamed (图片) -->
      <div id="u107" class="ax_default _图片">
        <img id="u107_img" class="img " src="images/弹框提示说明/u107.png"/>
      </div>

      <!-- Unnamed (图片) -->
      <div id="u108" class="ax_default _图片">
        <img id="u108_img" class="img " src="images/弹框提示说明/u108.png"/>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u109" class="ax_default box_2">
        <div id="u109_div" class=""></div>
      </div>

      <!-- Unnamed (图片) -->
      <div id="u110" class="ax_default _图片">
        <img id="u110_img" class="img " src="images/弹框提示说明/u110.png"/>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u111" class="ax_default label">
        <div id="u111_div" class=""></div>
        <div id="u111_text" class="text ">
          <p><span>当用户进行修改，或者新增时，点击登入都要有二次确认，提示用户是否保存当前编辑内容。</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u112" class="ax_default _三级标题">
        <div id="u112_div" class=""></div>
        <div id="u112_text" class="text ">
          <p><span>二次确认修改操作</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u113" class="ax_default _三级标题">
        <div id="u113_div" class=""></div>
        <div id="u113_text" class="text ">
          <p><span>操作说明：</span></p><p><span><br></span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u114" class="ax_default label">
        <div id="u114_div" class=""></div>
        <div id="u114_text" class="text ">
          <p style="font-size:16px;"><span>操作失败：</span></p><p style="font-size:14px;"><span>&nbsp;&nbsp; &nbsp; &nbsp; 保存失败</span></p><p style="font-size:14px;"><span>&nbsp;&nbsp; &nbsp; &nbsp; 修改失败</span></p><p style="font-size:14px;"><span>&nbsp;&nbsp; &nbsp; &nbsp; 删除失败</span></p><p style="font-size:14px;"><span>&nbsp;&nbsp; &nbsp; &nbsp; 批量删除失败</span></p><p style="font-size:14px;"><span>&nbsp;&nbsp; &nbsp; &nbsp; 筛选失败</span></p><p style="font-size:14px;"><span>&nbsp;&nbsp; &nbsp; &nbsp; 搜索失败</span></p><p style="font-size:14px;"><span>&nbsp;&nbsp; &nbsp;&nbsp; 恢复初始设置失败</span></p><p style="font-size:14px;"><span><br></span></p><p style="font-size:14px;"><span>右上角显示，提示1秒后自动消失</span></p><p style="font-size:14px;"><span><br></span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u115" class="ax_default box_2">
        <div id="u115_div" class=""></div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u116" class="ax_default label">
        <div id="u116_div" class=""></div>
        <div id="u116_text" class="text ">
          <p><span>20181114更新</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u117" class="ax_default _三级标题">
        <div id="u117_div" class=""></div>
        <div id="u117_text" class="text ">
          <p><span>页面中的返回按钮说明</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u118" class="ax_default label">
        <div id="u118_div" class=""></div>
        <div id="u118_text" class="text ">
          <p><span>在原型中，页面弹框关闭弹框的按钮为 “返回”按钮，UI设计时，将页面弹框做成了居右侧弹出，同时将 “返回”按钮换成了&nbsp; “X” 。故 修改页和新增页用在“返回”按钮上误操作处理的规则移植到&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; 上。</span></p>
        </div>
      </div>

      <!-- Unnamed (图片) -->
      <div id="u119" class="ax_default _图片">
        <img id="u119_img" class="img " src="images/弹框提示说明/u119.png"/>
      </div>

      <!-- Unnamed (图片) -->
      <div id="u120" class="ax_default _图片">
        <img id="u120_img" class="img " src="images/弹框提示说明/u120.png"/>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u121" class="ax_default label">
        <div id="u121_div" class=""></div>
        <div id="u121_text" class="text ">
          <p><span>UI页的差按钮</span></p>
        </div>
      </div>

      <!-- Unnamed (水平线) -->
      <div id="u122" class="ax_default arrow">
        <img id="u122_img" class="img " src="images/弹框提示说明/u122.png"/>
      </div>

      <!-- Unnamed (图片) -->
      <div id="u123" class="ax_default _图片">
        <img id="u123_img" class="img " src="images/弹框提示说明/u123.png"/>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u124" class="ax_default label">
        <div id="u124_div" class=""></div>
        <div id="u124_text" class="text ">
          <p><span>原型中的返回按钮弹框说明</span></p>
        </div>
      </div>
    </div>
  </body>
</html>
